<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <script src="https://cdn.tailwindcss.com"></script>
  <title>Deployment not found</title>
</head>

<body>
  <section class="w-screen h-screen flex items-center justify-center flex-col dark:bg-stone-800">
    <h1 class="font-semibold text-3xl text-gray-900 dark:text-gray-200 mb-1">Deployment not found</h1>
    <span class="uppercase text-lg text-blue-500 mb-6">404</span>
    <p class="text-base text-gray-800 dark:text-gray-300 text-center">This Deployment does not exist.</p>
  </section>

  <footer class="absolute bottom-4 left-[50%] transform -translate-x-[50%]">
    <a href="https://lagon.app" target="_blank">
      <img class="h-6 dark:hidden" alt="Lagon logo" src="https://github.com/lagonapp/lagon/blob/main/assets/logo-black.png?raw=true" />
      <img class="h-6 hidden dark:block" alt="Lagon logo for dark mode" src="https://github.com/lagonapp/lagon/blob/main/assets/logo-white.png?raw=true" />
    </a>
  </footer>
</body>

</html>
